<link rel="stylesheet" href="templates/authority/common/css/zTreeStyle.css" />
<link rel="stylesheet" href="templates/authority/qxgl/css/qxgl.css" />
<div id="messageconsultstatistic">
    <div class="pd14 vany_authority">
        <div class="vany_treeTable pd14">
            <div id="crumbs" class="pb10" >
                <el-breadcrumb separator="/">
                    <el-breadcrumb-item :to="{ path: '/' }">消息管理</el-breadcrumb-item>
                    <el-breadcrumb-item>已发消息</el-breadcrumb-item>
                    <el-breadcrumb-item>消息详情</el-breadcrumb-item>
                    <el-breadcrumb-item>消息统计</el-breadcrumb-item>
                    <el-breadcrumb-item>消息查阅统计</el-breadcrumb-item>
                </el-breadcrumb>
            </div>
            <div class="treeTable">
                <div class="item i2">
                    <div class="pd14">
                        <el-row :gutter="8">
                            <el-col :span="12">
                                <el-row :gutter="8">
                                    <el-col :span="12">
                                        <el-input placeholder="请输入您要搜索的内容" icon="search">
                                        </el-input>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-dropdown @command="filterStatus">
                                            <el-button>
                                                {{ curFilter }}<i class="el-icon-caret-bottom el-icon--right"></i>
                                            </el-button>
                                            <el-dropdown-menu slot="dropdown">
                                                <el-dropdown-item divided v-for="item in filtersStatusCount" :command="item.value">{{item.text}}</el-dropdown-item>
                                            </el-dropdown-menu>
                                        </el-dropdown>
                                    </el-col>
                                </el-row>
                            </el-col>
                        </el-row>
                    </div>
                    <el-table :data="tableData" highlight-current-row style="width: 100%;">
                        <el-table-column label="编号" type="index" width="100"></el-table-column>
                        <el-table-column prop="userAccount" label="账号"></el-table-column>
                        <el-table-column prop="userName" label="姓名"></el-table-column>
                        <el-table-column prop="dept" label="部门"></el-table-column>
                        <el-table-column prop="createTime" label="送达时间"></el-table-column>
                        <el-table-column prop="consultTime" label="查阅时间">
                            <template>

                            </template>
                        </el-table-column>
                    </el-table>
                </div>
            </div>
            <div class="pd14" style="border-top: 0;background: #eaedf2;">
                <el-row type="flex" justify="end">
                    <el-pagination
                            @size-change="handleSizeChange"
                            @current-change="handleCurrentChange"
                            :current-page="pageIndex"
                            :page-sizes="[10, 20, 30]"
                            :page-size="pageSize"
                            layout="total, sizes, prev, pager, next, jumper"
                            :total="total">
                    </el-pagination>
                </el-row>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="templates/authority/sendedMessage/js/messageconsultstatistic.js"></script>
